<template>
    <div>
        <van-swipe 
			class="h300" 
			:autoplay="3000" 
			indicator-color="white">
            	<van-swipe-item v-for="item,index in banner" :key="index">
					<img class="wh100p" v-lazy="item.img">
				</van-swipe-item>
        </van-swipe>
		<mox-login></mox-login>
		<home-song-can></home-song-can>
		<home-card></home-card>
    </div>
</template>

<script>
import getHomeSwiper from '@/network/getHomeSwiper';
import { Swipe, SwipeItem } from "vant";
import MoxLogin from '@/components/MoxLogin.vue'
import HomeSongCan from '@/components/HomeSongCan.vue'
import HomeCard from '@/components/HomeCard.vue'
export default {
    name: "Home",
    components: {
        VanSwipe: Swipe,
        VanSwipeItem: SwipeItem,
		MoxLogin,
		HomeSongCan,
		HomeCard,
        HomeCard
    },
	data(){
		return {
			// banner: [
			// 	require('../../public/img/home/13-03-23.jpg'),
			// 	require('../../public/img/home/13-03-27.jpg'),
			// 	require('../../public/img/home/13-03-30.jpg'),
			// 	require('../../public/img/home/13-03-34.jpg')
			// ]
			banner: []
		}
	},
	created(){
		getHomeSwiper().then((res)=>{
			this.banner = res.data
		})
	}
};
</script>

<style>
 .van-swipe__indicators{
	 bottom: 30px !important;
 }
</style>
